<template>
    <fieldset>
        <legend>input组件</legend>
        <input type="text" v-model="val">
        <!-- 子组件 -->
        <Listco :data="val" @to-parent="receive"></Listco>
    </fieldset>
</template> 
<script>
import Listcom from "./List.vue"
 

//获取输入框的值
//给点击按钮注册事件


//父传子的流程
//1.首先在子组件的标签上，使用v-bind动态的绑定一个属性data
 
//2.在子组件的选项中，使用props属性接受传递的参数data

export default{
    data() {
        return {
            val:""
        };
    },
    methods:{
        receive(input){
            console.log(input);//jiayou加油
            console.log(this.val);//输入的值
            this.val = ""
        }
    },
    components:{
        Listco:Listcom
    }
}
</script>
